// ============= 布局 =============
// ------------- row -------------
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px 0 0;
}
// ------------- col -------------
.col {
  flex: 1;
  padding-left: 5rpx;
  padding-right: 5rpx;
  box-sizing: border-box;
}
.col-1 {
  flex: 0 0 8.3333%;
  max-width: 8.3333%;
}
.col-2 {
  flex: 0 0 16.6667%;
  max-width: 16.6667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}
.col-5 {
  flex: 0 0 41.6667%;
  max-width: 41.6667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333%;
  max-width: 58.3333%;
}
.col-8 {
  flex: 0 0 66.6667%;
  max-width: 66.6667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333%;
  max-width: 83.3333%;
}
.col-11 {
  flex: 0 0 91.6667%;
  max-width: 91.6667%;
}

// ============= 文本 =============
// ------------- 文本颜色 -------------
.text-white {
	color: #ffffff;
}
.text-gray-df {
  color: #989898;
}
.text-black {
  color: #333333;
}
.text-blue-a {
  color: #0081ff;
}
.text-blue-btn {
  color: #576ba5;
}
// ------------- 文本粗细 -------------
.text-weight-df {
  font-weight: 500;
}
.text-weight-l {
  font-weight: 600;
}
.text-bold {
  font-weight: bold;
}
// ------------- 文本大小 -------------
.text-3xs {
	font-size: 20upx;
}
.text-xxs {
	font-size: 22upx;
}
.text-xs {
	font-size: 24upx;
}
.text-s {
	font-size: 26upx;
}
.text-df {
  font-size: 28upx;
}
.text-l {
  font-size: 30upx;
}
.text-xl {
  font-size: 32upx;
}
.text-xxl {
  font-size: 34upx;
}
.text-3xl {
  font-size: 36upx;
}
.text-4xl {
  font-size: 38upx;
}
.text-5xl {
  font-size: 40upx;
}
.text-6xl {
  font-size: 42upx;
}
.text-7xl {
  font-size: 44upx;
}
// ------------- 文本位置 -------------
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
// ------------- 文本段落 -------------
.text-content-df {
  text-indent: 2em;
  line-height: 2;
}

// ============= 按钮 =============
.btn-df {
  width: 25vw;
  height: 5vh;
  font-size: 30upx;
  background-color: #ff6060;
}

// ============= 盒子 =============
// ------------- 外边距 -------------
// ------------- 内边距 -------------
// ------------- 盒子中内容位置 -------------
.box-center {
  height: 100%;
  display: flex; /* 启用Flexbox布局 */
  justify-content: center; /* 沿主轴居中对齐子元素（水平方向） */
  align-items: center; /* 沿交叉轴居中对齐子元素（垂直方向） */
  flex-direction: row; /* 子元素按照从左到右的方向排列 */
}
.box-center-left {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  // flex-direction: row;
}
.box-center-right {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}
.box-top-right {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
}
.box-low-left {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: row;
}
.box-low-right {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: row;
}
